<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 导入bootstrap的css样式 -->
		<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
	</head>
	<body>
		<button class="btn panel-primary">这是一个按钮</button>
		<button class="btn btn-success">成功</button>
		<button class="btn btn-link">这是一个超链接按钮</button>
		<a class="btn btn-primary"> 这是一个按钮式超链接</a>

		<button type="button" class="btn btn-primary btn-lg">（大按钮）Large button</button>
		<button type="button" class="btn btn-default btn-lg">（大按钮）Large button</button>


		<button type="button" class="btn btn-primary">（默认尺寸）Default button</button>
		<button type="button" class="btn btn-default">（默认尺寸）Default button</button>


		<button type="button" class="btn btn-primary btn-sm">（小按钮）Small button</button>
		<button type="button" class="btn btn-default btn-sm">（小按钮）Small button</button>


		<button type="button" class="btn btn-primary btn-xs">（超小尺寸）Extra small button</button>
		<button type="button" class="btn btn-default btn-xs">（超小尺寸）Extra small button</button>

		<table class="table table-bordered table-hover table-striped">
			<tr>
				<th>ID</th>
				<td>名字</td>
				<td>年龄</td>
				<th>性别</th>
				<td>删除</td>
			</tr>
			<tr>
				<td>1</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三</td>
				<td>23</td>
				<td>男</td>
				<td><a href="#">删除</a></td>
			</tr>

		</table>

		<hr />
<form>
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>
  <div class="form-group">
    <label for="exampleInputFile">File input</label>
    <input type="file" id="exampleInputFile">
    <p class="help-block">Example block-level help text here.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Check me out
    </label>
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

	</body>
</html>
